<template>
	<view class="content">
		<!-- 可滑动区域 -->
		<scroll-view scroll-y="true" :style="'height:' +scrollh+'px;'" @scrolltolower="loadmoer()">
			<xiangqingList :list="list"></xiangqingList>
		</scroll-view>
		<view class="bottom">
			<text class="bottom_text">电话查询积分</text>
			<text class="bottom_text2">预留手机号拨打：<text class="bottom_text2_color">4008009888</text>>卡号后四位#>查询密 码#>1>5>1,查询积分</text>
		</view>
	</view>
</template>

<script>
	import xiangqingList from '@/components/xiangqing-list.vue'
	export default {
		components: {
			xiangqingList
		},
		data() {
			return {
				scrollh: 0,
				list: [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]
			}
		},
		onLoad() {
			//获取可视区域高度
			uni.getSystemInfo({
				success: (res) => {
					this.scrollh = res.windowHeight - uni.upx2px(340)
					console.log(this.scrollh)
				}
			})
		},
		methods: {
			goxianging() {
				uni.navigateTo({
					url: '/pages/jifen-xiangqing/jifen-xiangqing'
				})
			},
			loadmoer() {

			}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		margin: 20rpx 40rpx;
		position: relative;
		height: 100%;
	}

	.bottom {
		position: absolute;
		bottom: 58rpx;
		display: flex;
		flex-direction: column;
		.bottom_text{
			font-family: Lantinghei SC;
			font-weight: 600;
			font-size: 28rpx;
			color: #333333;
		}
		.bottom_text2{
			margin-top:20rpx ;
			font-family: Lantinghei SC;
			font-weight: 200;
			font-size: 26rpx;
			color: #999999;
			.bottom_text2_color{
				color: #3F90FF;
			}
		}
	}
</style>
<style>
	page {
		height: 93vh;
		background-color: #fff !important;
		overflow-y: hidden !important;
	}
</style>